﻿    #container{
        position:relative;
        height:700px;
      }
      #directions{
        position:absolute;
        width: 23%;
        right:1%;
        height: 690px;
        overflow:auto;
      }
      #googleMap{
        border: 1px dashed #C0C0C0;
        width: 75%;
        height: 700px;
      }
      #menu{
        background-color: #FFFFFF;
        width:170px;
        height:150px;
        padding:0px;
        border:1px;
        cursor:pointer;
        border-left:1px solid #cccccc;
        border-top:1px solid #cccccc;
        border-right:1px solid #676767;
        border-bottom:1px solid #676767;
      }
      #menu .item{
        font-family: arial,helvetica,sans-serif;
        font-size: 12px;
        text-align:left;
        line-height: 30px;
        border-left:0px;
        border-top:0px;
        border-right:0px;
        padding-left:30px;
        background-repeat: no-repeat;
        background-position: 4px center;
      }
      #menu .item.itemA{
        background-image: url(images/icon_greenA.png);
      }
      #menu .item.itemB{
        background-image: url(images/icon_greenB.png);
      }
      #menu .item.zoomIn{
        background-image: url(images/zoomin.png);
      }
      #menu .item.zoomOut{
        background-image: url(images/zoomout.png);
      }
      #menu .item.centerHere{
        background-image: url(images/here.png);
      }
      #menu .item.hover{
        background-color: #d6e9f8;
      }
      #menu .item.separator{
        border-bottom:1px solid #cccccc;
      }